<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>支付宝 知托付！</title>
		<link rel="stylesheet" type="text/css" href="chris/css/personal.css"/>
		<link rel="icon" href="chris/img/personal/favicon.ico" type="image/x-icon" />
		<script src="chris/js/jquery2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="chris/js/jqueryrotate.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="overflow-x:hidden;overflow-y:hidden">		
		<!--style="overflow-x:hidden;overflow-y:hidden"-->
		<div class="header">
			<div class="header-inner">
				<div class="topNav">
					<div class="topMid">
						<ul class="topLeft">
							<li id="personal">
								<a href="#">个人</a>
							</li>
							<li class="topLeft2">
								<a href="Tang/sjzx.html">企业</a>
							</li>
							<li class="topLeft2">
								<a href="Tang/kfpt.html">合作伙伴</a>
							</li>
						</ul>
						<ul class="topRight">
							<li class="topRight2 topRight2_1">
								<a href="#">支付宝APP</a>
							</li>
							<li>
								<span>|</span>
							</li>
							<li class="topRight2 Down">
								<a href="#">客户服务
									<i>
										<div></div>
									</i>
								</a>
								<div class="topRightDown">
									<ul>
										<li>
											<a href="#">服务大厅</a>
										</li>
										<li>
											<a href="#">自助服务</a>
											
										</li>
										<li>
											<a href="#">提意见</a>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				
				</div>
				<div class="mainNav">
					<div class="laymid">
						<div class="alipay-logo"></div>
						<div class="mainMenu">
							<ul>
								<li class="mainMenuText shouye">
									<a class="a4" href="personal.html">
										首页
									</a>
								</li>
								<li class="mainMenuText">
									<a class="a5" href="javascript:;">
										财富中心
									</a>
									<div class="caifuzhognxin">
										<div>
												<span class="span1">×</span>
										</div>
										<ul>
											<li>
												<a href="huang/html/yeb.html">余额宝</a>
												<!--链接黄杰所做余额宝页面-->
											</li>
											<li>
												<a href="#">招财宝</a>
											</li>
											<li>
												<a href="#">存金宝</a>
											</li>
											<li>
												<a href="#">淘理财</a>
												
											</li>
											<li>
												<a href="#">蚂蚁达客</a>
											</li>
										</ul>
										<div>
											<span class="span2">财富中心</span>
										</div>
									</div>
								</li>
								<li class="mainMenuText">
									<a class="a6" href="javascript:;">
										安全保障
									</a>
									<div class="anquanbaozhang">
										<div>
												<span class="span1">×</span>
										</div>
										<ul>
											<li>
												<a href="Li/Security.html">安全中心</a>
												
											</li>
											<li>
												<a href="Li/personalportal.html">会员保障</a>
											</li>
										</ul>
										<div>
											<span class="span2">安全保障</span>
										</div>
									</div>
								</li>
								<li  class="mainMenuTag">
									<span>
										|
									</span>
								</li>
								<li class="mainMenuText">
									<a class="a7" href="javascript:;">
										商家中心
									</a>
									<div class="shangjiazhongxin">
										<div class="span1">
												<span>×</span>
										</div>
										<ul>
											<li>
												<a href="Tang/sjzx.html">支付宝商家</a>
												<!--链接汤宸辕所做支付宝商家页面-->
											</li>
											<li>
												<a href="#">口碑商家</a>
											</li>
										</ul>
										<div>
											<span class="span2">商家中心</span>
										</div>
									</div>
								</li>
								<li class="mainMenuText">
									<a href="Tang/kfpt.html">
										开放平台
									</a>
									<!--链接汤宸辕所做开放平台页面-->
								</li>
							</ul>
						</div>
						<div class="loginRegRight">
							<div class="loginRegRightMid">
								<div>
									<a class="a8" href="javascript:;">
										<span class="rightUpLogin">登录</span>
									</a>
								</div>
								<div>
									<a href="huang/html/personalReg.html">
										<span class="rightUpRegister">注册</span>
										<!--链接黄杰所做注册页面-->
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>	
					
			</div>
		</div>
		<div class="onePage">
			<div class="loginPage">
				<div class="am-page am-video stat-end stat-playing">
					<div class="am-bg am-videoPlayer">
						<video id="video_player"
							autoplay="autoplay"
							muted="muted"
							class="video-player" data-height="1080" data-width="1920" 
							height="1080" width="1920">
							<source src="chris/img/personal/pageVideo.mp4" type="video/mp4"></source>
						</video>
						<div class="video-mask"></div>
						<div class="poster"></div>
					</div>
					<div class="main-content">
						<div class="layMiddle">
							<div class="logo"></div>
							<div class="clickMe">
								<div class="login">
									<a href="javascript:;">
										<span class="loginSpan">登录</span>
									</a>
								</div>
								<div class="register">
									<a href="huang/html/personalReg.html">
										<span class="registerSpan">立即注册</span>
										<!--链接黄杰所做注册页面-->
									</a>
								</div>
							</div>
							<div class="playVideo" onclick="videoPlay()">
								<div class="playVideoOn">
									
								</div>
							</div>
							
						</div>
						<div class="loginDiv">
							<div class="loginDivTop">
								<span class="loginDivClose">×</span>
								<span class="span1 spansaoma">扫码登录</span>
								<span class="span1 spanzhanghao">登录支付宝</span>
								<div class="saoma">
									
								</div>
								<div class="zhanghao">
									
								</div>
							</div>
							<div class="loginDivMid1">
								<div id="pic1">
									
								</div>
								<div id="pic2">
									
								</div>
							</div>
							<div class="loginDivFooter1">
								<p class="p1">请使用手机支付宝扫码</p>
								<p class="p2">
									<a class="a1" href="https://cshall.alipay.com/lab/help_detail.htm?help_id=23427066" title="使用帮助">使用帮助</a>
									<span>|</span>
									<a href="https://mobile.alipay.com/index.htm" title="下载手机支付宝">下载手机支付宝</a>
								</p>
							</div>
							
							<form action="http://192.168.65.2:8888/CommonInterface/UserReg" method="get">
								<div class="loginDivMid2">
									<div class="loginUsername">
										<div class="loginUsernamePic">
											
										</div>
										<input type="text" name="username" id="loginUsername" placeholder="邮箱/手机号/淘宝会员名" />
									</div>
									<div class="loginPassword">
										<div class="loginPasswordPic">
											
										</div>
										<input type="password" name="password" id="loginPassword"/>
									</div>
									<span>
										<a href="https://accounts.alipay.com/console/querypwd/logonIdInputReset.htm?site=1&page_type=fullpage&scene_code=resetQueryPwd">
											忘记登录密码？
										</a>
									</span>
									<div class="loginCheckText">
										<div class="loginCheckTextPic">
											
										</div>
										<input type="text" name="groupname" id="loginCheckText" placeholder="验证码" />
										<div class="checkCode">
											<img class="ui-checkcode-img" 
												id="checkcode-img" 
												src="https://authgtj.alipay.com:443/login/imgcode.htm?sessionID=973dcdf61d98ef88dfc804132b520031&amp;t=0.6381550843371346" 
												title="点击图片刷新验证码" 
												alt="点击图片刷新验证码" 
												seed="authcenter-img-checkcode"
												onClick="this.src='https://authgtj.alipay.com:443/login/imgcode.htm?sessionID=973dcdf61d98ef88dfc804132b520031&amp;t=0.6381550843371346' + new Date().getTime();">
										</div>
									</div>
									<div class="loginCheckVoice">
										<div class="loginCheckVoicePic">
											
										</div>
										<input type="text" id="loginCheckVoice" placeholder="验证码" />
										<div class="checkVoice"
											data-src="https://authgtj.alipay.com:443/login/audiocode.htm?sessionID=973dcdf61d98ef88dfc804132b520031&amp;r=0.10026831323244456">
                								<span class="sl-refresh" id="J-checkcode-voice-txt">重新播放</span>
										</div>
									</div>
								</div>
								<div class="loginDivFooter2">
									<input type="submit" id="submit" value="登录"/>
									<p>
										<a class="a2" href="https://login.taobao.com/member/login.jhtml?style=alipay&goto=https%3A%2F%2Flab.alipay.com%3A443%2Fuser%2Fnavigate.htm%3Fsign_from%3D3000" title="淘宝会员登录">淘宝会员登录</a>
										<a class="a2" href="#" title="账户激活">账户激活</a>
											<!--链接到黄杰注册界面-->
										<a class="a3" href="#" title="免费注册">免费注册</a>
											<!--链接到黄杰注册界面-->
									</p>
								</div>
								
							</form>
							
						</div>
					</div>
				</div>
			</div>	
			<div class="am-page am-two">
				<div class="pageTwoText">
					<div class="twoView1">
						
					</div>
					<div class="twoView2">
						
					</div>
					<div class="twoView3">
						
					</div>
					<div class="twoView4">
						
					</div>
					<div class="twoView5">
						
					</div>
					<div class="twoView6">
						
					</div>
					<div class="textBottom1 twoView7">
						
					</div>
				</div>
			</div>
			<div class="am-page am-three">
				<div class="pageThreeText">
					<div class="threeView1">
						
					</div>
					<div class="threeView2">
						
					</div>
					<div class="threeView3">
						
					</div>
					<div class="textBottom2 threeView4">
						
					</div>
				</div>
			</div>
			<div class="am-page am-four">
				<div class="pageFourText">
					
				</div>
				<div class="textBottom1 fourView">
						
				</div>
			</div>	
			<div class="am-page am-five">
				<div class="pageFiveText">
					
				</div>
				<div class="textBottom2 fiveView">
						
				</div>
			</div>
			<div class="am-page am-six">
				<div class="pageSixText">
					
				</div>
				<div class="textBottom2 sixView">
						
				</div>
			</div>
			<div class="am-page am-seven">
				<div class="page-bg">
					<div class="page-bg-white"></div>
					<div class="page-bg-black"></div>
				</div>
				<div class="main-content">
					<div class="fooerView1">
						
					</div>
					<div class="fooerView2">
						<div class="black-area">
		                    <div class="footer">
		                        <div class="links clearfix tiaoweizhi">
		                            
		                            <a href="https://job.alibaba.com/zhaopin/index.htm" target="_blank">诚征英才</a>
		                            
		                            <a href="https://ab.alipay.com/i/lianxi.htm" target="_blank">联系我们</a>
		                            
		                            <a href="https://global.alipay.com/ospay/home.htm" target="_blank">International Business</a>
		                            
		                            <span>沪ICP备15027489号</span>
		                        </div>
		                        <div class="links">
		                            <p class="clearfix">
		                              
		                              <a href="https://www.antfin.com/" target="_blank">蚂蚁金服集团</a>
		                              
		                              <a href="https://www.alipay.com" target="_blank">支付宝</a>
		                              
		                              <a href="https://yebprod.alipay.com/yeb/index.htm" target="_blank">余额宝</a>
		                              
		                              <a href="https://zcbprod.alipay.com/index.htm" target="_blank">招财宝</a>
		                              
		                              <a href="https://b.zmxy.com.cn/index.htm?scene=alipayc" target="_blank">芝麻信用</a>
		                              
		                              <a href="https://loan.mybank.cn/" target="_blank">蚂蚁微贷</a>
		                              
		                              <a href="https://www.mybank.cn/index.htm" target="_blank">网商银行</a>
		                              
		                              <a href="https://www.antsdaq.com/" target="_blank">蚂蚁达客</a>
		                              
		                            </p>
		                        </div>
		                        <div class="links clearfix">
		                          
		                          <a href="http://page.1688.com/shtml/about/ali_group1.shtml" target="_blank">阿里巴巴集团</a>
		                          
		                          <a href="https://www.taobao.com/" target="_blank">淘宝网</a>
		                          
		                          <a href="https://www.tmall.com/" target="_blank">天猫</a>
		                          
		                          <a href="https://ju.taobao.com/" target="_blank">聚划算</a>
		                          
		                          <a href="http://www.aliexpress.com/" target="_blank">全球速卖通</a>
		                          
		                          <a href="http://www.alibaba.com/" target="_blank">阿里巴巴国际交易市场</a>
		                          
		                          <a href="http://www.1688.com/" target="_blank">1688</a>
		                          
		                          <a href="http://www.alimama.com/index.htm" target="_blank">阿里妈妈</a>
		                          
		                          <a href="https://www.alitrip.com/" target="_blank">阿里旅行·去啊</a>
		                          
		                          <a href="http://www.aliyun.com/" target="_blank">阿里云计算</a>
		                          
		                          <a href="https://www.alios.cn/" target="_blank">AliOS</a>
		                          
		                          <a href="http://www.aliqin.cn/" target="_blank">阿里通信</a>
		                          
		                          <a href="http://www.net.cn/" target="_blank">万网</a>
		                          
		                          <a href="http://www.autonavi.com/" target="_blank">高德</a>
		                          
		                          <a href="http://www.uc.cn/" target="_blank">优视</a>
		                          
		                          <a href="http://www.umeng.com/" target="_blank">友盟</a>
		                          
		                          <a href="http://www.xiami.com/" target="_blank">虾米</a>
		                          
		                          <a href="http://www.ttpod.com/" target="_blank">天天动听</a>
		                          
		                          <a href="http://www.laiwang.com/" target="_blank">来往</a>
		                          
		                          <a href="http://www.dingtalk.com/?lwfrom=20150202140030825" target="_blank">钉钉</a>
		                          
		                        </div>
		                        <div class="certs">
		                           <a class="pic1" href="https://fun.alipay.com/certificate/zfxkz.htm" target="_blank"></a>
		                           <a class="pic2" href="https://sealinfo.verisign.com/splash?form_file=fdf/splash.fdf&dn=WWW.ALIPAY.COM&lang=zh_cn" target="_blank"></a>
		                           <a class="pic3" href="javascript:;"></a>
		                           <a class="pic4" href="http://218.242.124.22:8081/businessCheck/verifKey.do?showType=extShow&serial=9031000020170804134136000001976564-SAIC_SHOW_310000-20171207172223656283&signData=MEYCIQDbYCpkwU5szVc+tBzyKZ+KAPd7MbP8saFeVsksgZ/LcQIhAJCPcy15pgHq/FQBuwNR4TXUjHomdFcDLZU+DfiYce7r" target="_blank"></a>
		                           <!--<a class="pic5" href="https://ss.knet.cn/verifyseal.dll?sn=e12051633010021345301459&ct=df&pa=803798" target="_blank"></a>--> 
		                           <a class="pic6" href="https://fun.alipay.com/certificate/index.htm" target="_blank"></a>
		                        </div>
	                    	</div>
					    </div>
					</div>
				</div>
			</div>
		</div> 
		<div class="page_select" style="margin-top: -60.6667px;">
			<a class="page_select_1" href="#page1">
				<div class="shape"></div>
			</a>
			
			<a class="page_select_2" href="#page2">
				<div class="shape"></div>
			</a>
			
			<a class="page_select_3" href="#page3">
				<div class="shape"></div>
			</a>
			
			<a class="page_select_4" href="#page4">
				<div class="shape"></div>
			</a>
			
			<a class="page_select_5" href="#page5">
				<div class="shape"></div>
			</a>
			
			<a class="page_select_6" href="#page6">
				<div class="shape"></div>
			</a>
			
			<a class="page_select_7" href="#page7">
				<div class="shape"></div>
			</a>
		</div>
		<div class="go-next">
			<a href="javascript:;">next</a>
		</div>
		<script>
		    var audio = document.getElementById("video_player"); 
		    var poster = document.getElementsByClassName("poster");
		    var play = document.getElementsByClassName("playVideo");
		    var click = document.getElementsByClassName("clickMe");
		    audio.loop = false;
		    audio.addEventListener('play', function () { 
		    	poster[0].style.visibility = "hidden";
		    	poster[0].style.opacity= "0";
		    	play[0].style.opacity= "0";
		    	click[0].style.opacity= "0";
		    }, true);
		    audio.addEventListener('ended', function () { 
		    	poster[0].style.visibility = "visible";
		    	poster[0].style.opacity= "1";
		    	play[0].style.opacity= "1";
		    	click[0].style.opacity= "1";
		    }, false);
		    function videoPlay(){
		    	audio.play();
		    }
		</script> 
		
		<script type="text/javascript">
				$(function(){
					$(".Down").mouseover(function(){
						$(".topRightDown").css("display","block");
					});
					$(".Down").mouseout(function(){
						$(".topRightDown").css("display","none");
					});
					$(".Down").mouseover(function(){
						$(".Down>a>i>div").rotate(180);
					});
					$(".Down").mouseout(function(){
						$(".Down>a>i>div").rotate(0);
					});
					$(".a5").click(function(){
						$(".caifuzhognxin").css("display","block");
						$(".anquanbaozhang").css("display","none");
						$(".shangjiazhongxin").css("display","none");
					});
					$(".a6").click(function(){
						$(".caifuzhognxin").css("display","none");
						$(".anquanbaozhang").css("display","block");
						$(".shangjiazhongxin").css("display","none");
					});
					$(".a7").click(function(){
						$(".caifuzhognxin").css("display","none");
						$(".anquanbaozhang").css("display","none");
						$(".shangjiazhongxin").css("display","block");
					});
					$(".caifuzhognxin .span1").click(function(){
						$(".caifuzhognxin").css("display","none");
					});
					$(".anquanbaozhang .span1").click(function(){
						$(".anquanbaozhang").css("display","none");
					});
					$(".shangjiazhongxin .span1").click(function(){
						$(".shangjiazhongxin").css("display","none");
					});
					$(".onePage").click(function(){
						$(".caifuzhognxin").css("display","none");
						$(".anquanbaozhang").css("display","none");
						$(".shangjiazhongxin").css("display","none");
					});
					$(".login,.login a").click(function(){
						$(".loginDiv").show();
					});
					$(".loginRegRight").click(function(){
						if (parseInt($(".onePage").css('marginTop'))==-667){
							$(".loginDiv").css("top","997px");
						}else if(parseInt($(".onePage").css('marginTop'))==-1334){
							$(".loginDiv").css("top","1664px");
						}else if(parseInt($(".onePage").css('marginTop'))==-2001){
							$(".loginDiv").css("top","2334px");
						}else if(parseInt($(".onePage").css('marginTop'))==-2668){
							$(".loginDiv").css("top","2998px");
						}else if(parseInt($(".onePage").css('marginTop'))==-3335){
							$(".loginDiv").css("top","3665px");
						}else {
							$(".loginDiv").css("top","4332px");
						}
						$(".loginDiv").show();
					});
					
					
					
					$(".loginDivClose").click(function(){
						$(".loginDiv").hide();
					});
					$(".saoma").click(function(){
						$(".saoma").animate({marginLeft:"169px" , marginTop: "-123px"},200);
						$(".zhanghao").animate({marginLeft:"226px" , marginTop: "-60px"},200);
						$(".saoma").css("display","none");
						$(".zhanghao").css("display","block");
						$(".loginDiv").css("height","295px");
						$(".spanzhanghao").css("opacity","0");
						$(".spansaoma").css("opacity","1");
						$(".loginDivMid1").css("display","block");
						$(".loginDivFooter1").css("display","block");
						$("form").css("display","none");
					});
					$(".zhanghao").click(function(){
						$(".saoma").animate({marginLeft:"229px" , marginTop: "-63px"},200);
						$(".zhanghao").animate({marginLeft:"286px" , marginTop: "0px"},200);
						$(".saoma").css("display","block");
						$(".zhanghao").css("display","none");
						$(".loginDiv").css("height","345px");
						$(".spanzhanghao").css("opacity","1");
						$(".spansaoma").css("opacity","0");
						$(".loginDivMid1").css("display","none");
						$(".loginDivFooter1").css("display","none");
						$("form").css("display","block");
					});
					$(".loginCheckTextPic").click(function(){
//						$(".loginCheckText").css("display","none");
						$(".loginCheckVoice").css("display","block");
					});
					$(".loginCheckVoicePic").click(function(){
						$(".loginCheckVoice").css("display","none");
						$(".loginCheckText").css("display","block");
					});
					$(".loginDivFooter1 .p2 .a1").mouseover(function(){
						$("#pic1").css("opacity","0");
						$("#pic2").fadeIn(200);
					});
					$(".loginDivFooter1 .p2 .a1").mouseover(function(){
						$("#pic2").animate({marginLeft:"0px"},500);	
					});
					$(".loginDivFooter1 .p2 .a1").mouseout(function(){
						$("#pic1").css("opacity","1");
						$("#pic2").fadeOut(200);	
					});
					$(".loginDivFooter1 .p2 .a1").mouseout(function(){
						$("#pic2").animate({marginLeft:"74px"},500);	
					});
					
					
					$(".page_select_1").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_1 div").css("background-color", "#00BBEE");
						$(".page_select_1 div").css("border-color", "#00BBEE");
						$(".onePage").animate({marginTop: "-0px"},500);
						$(".loginRegRightMid span").css("display","none");
						$(".go-next").css("display", "block");
						$(".loginDiv").hide();
						$(".loginDiv").css("top","330px");
					});
					$(".page_select_2").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_2 div").css("background-color", "#00BBEE");
						$(".page_select_2 div").css("border-color", "#00BBEE");
						$(".onePage").animate({marginTop: "-667px"},500);
						$(".twoView1").delay(500).fadeIn(2000);
						$(".loginRegRightMid span").css("display","block");
						$(".go-next").css("display", "block");
//						$(".loginDiv").hide();
					});
					$(".page_select_3").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_3 div").css("background-color", "#00BBEE");
						$(".page_select_3 div").css("border-color", "#00BBEE");
						$(".threeView2,.threeView3").css("display","block")
						$(".onePage").animate({marginTop: "-1334px"},500);
						$(".threeView3").delay(500).animate({marginLeft:"262px" , marginTop: "380px"},1000);
						$(".threeView2").delay(1000).animate({marginLeft:"140px" , marginTop: "-90px"},1000);						
						$(".threeView1").delay(1500).fadeIn(1000);
						$(".loginRegRightMid span").css("display","block");
						$(".go-next").css("display", "block");
						$(".loginDiv").hide();
					});
					$(".page_select_4").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_4 div").css("background-color", "#00BBEE");
						$(".page_select_4 div").css("border-color", "#00BBEE");
						$(".onePage").animate({marginTop: "-2001px"},500);
						$(".pageFourText").delay(1000).fadeIn(2000);
						$(".loginRegRightMid span").css("display","block");
						$(".go-next").css("display", "block");
						$(".loginDiv").hide();
					});
					$(".page_select_5").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_5 div").css("background-color", "#00BBEE");
						$(".page_select_5 div").css("border-color", "#00BBEE");
						$(".onePage").animate({marginTop: "-2668px"},500);
						$(".pageFiveText").delay(1000).fadeIn(2000);
						$(".loginRegRightMid span").css("display","block");
						$(".go-next").css("display", "block");
						$(".loginDiv").hide();
//						$(".am-five").css("filter","gray");
					});
					$(".page_select_6").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_6 div").css("background-color", "#00BBEE");
						$(".page_select_6 div").css("border-color", "#00BBEE");
						$(".onePage").animate({marginTop: "-3335px"},500);
						$(".pageSixText").delay(1000).fadeIn(2000);
						$(".loginRegRightMid span").css("display","block");
						$(".go-next").css("display", "block");
						$(".loginDiv").hide();
					});
					$(".page_select_7").click(function(){
						$(".page_select div").css("background-color", "transparent");
						$(".page_select div").css("border-color", "#cccccc");
						$(".page_select_7 div").css("background-color", "#00BBEE");
						$(".page_select_7 div").css("border-color", "#00BBEE");
						$(".onePage").animate({marginTop: "-4002px"},500);
						$(".loginRegRightMid span").css("display","block");
						$(".go-next").css("display", "none");
						$(".loginDiv").hide();
					});
					$(".go-next").click(function(){
						$(".loginDiv").hide();
						$(".loginRegRightMid span").css("display","block");
						if (parseInt($(".onePage").css('marginTop'))==0){
							$(".onePage").animate({marginTop: "-667px"},500);
							$(".page_select div").css("background-color", "transparent");
							$(".page_select div").css("border-color", "#cccccc");
							$(".page_select_2 div").css("background-color", "#00BBEE");
							$(".page_select_2 div").css("border-color", "#00BBEE");
							$(".twoView1").delay(500).fadeIn(2000);
						}else if(parseInt($(".onePage").css('marginTop'))==-667){
							$(".onePage").animate({marginTop: "-1334px"},500);
							$(".page_select div").css("background-color", "transparent");
							$(".page_select div").css("border-color", "#cccccc");
							$(".page_select_3 div").css("background-color", "#00BBEE");
							$(".page_select_3 div").css("border-color", "#00BBEE");
							$(".threeView2,.threeView3").css("display","block")
							$(".threeView3").delay(500).animate({marginLeft:"262px" , marginTop: "380px"},1000);
							$(".threeView2").delay(1000).animate({marginLeft:"140px" , marginTop: "-90px"},1000);						
							$(".threeView1").delay(1500).fadeIn(1000);
						}else if(parseInt($(".onePage").css('marginTop'))==-1334){
							$(".onePage").animate({marginTop: "-2001px"},500);
							$(".page_select div").css("background-color", "transparent");
							$(".page_select div").css("border-color", "#cccccc");
							$(".page_select_4 div").css("background-color", "#00BBEE");
							$(".page_select_4 div").css("border-color", "#00BBEE");
							$(".onePage").animate({marginTop: "-2001px"},500);
							$(".pageFourText").delay(1000).fadeIn(2000);
						}else if(parseInt($(".onePage").css('marginTop'))==-2001){
							$(".onePage").animate({marginTop: "-2668px"},500);
							$(".page_select div").css("background-color", "transparent");
							$(".page_select div").css("border-color", "#cccccc");
							$(".page_select_5 div").css("background-color", "#00BBEE");
							$(".page_select_5 div").css("border-color", "#00BBEE");
							$(".pageFiveText").delay(1000).fadeIn(2000);
						}
						else if(parseInt($(".onePage").css('marginTop'))==-2668){
							$(".onePage").animate({marginTop: "-3335px"},500);
							$(".page_select div").css("background-color", "transparent");
							$(".page_select div").css("border-color", "#cccccc");
							$(".page_select_6 div").css("background-color", "#00BBEE");
							$(".page_select_6 div").css("border-color", "#00BBEE");
							$(".pageSixText").delay(1000).fadeIn(2000);
						}
						else {
							$(".onePage").animate({marginTop: "-4002px"},500);
							$(".page_select div").css("background-color", "transparent");
							$(".page_select div").css("border-color", "#cccccc");
							$(".page_select_7 div").css("background-color", "#00BBEE");
							$(".page_select_7 div").css("border-color", "#00BBEE");
							$(".go-next").css("display", "none");
						}
//						var px = $('#sampleDiv').css('marginLeft');  // px = '400px'
//						var num= parseInt( $('#sampleDiv').css('marginLeft') );  // num = 400
					});
				});
		</script>
	</body>
	
</html>
